//购物车
$('.topbar-gwc').hover(function(){
	$('.menu').stop().animate({
		height:"83px"
	},300)
	$(this).css('background-color','#fff')
	$(this).children('a').css('color','#FF6700')
},function(){
	$('.menu').stop().animate({
		height:"0px"
	},300)
	$(this).css('background-color','#424242')
	$(this).children('a').css('color','#9E9E9E')
})
//search
$('.search-text').focus(function(){
	$('.hot-word').hide();
	$('.word-list').show();
	$('from input').css('border-color','#FF6700');
})
$('.search-text').blur(function(){
	$('.hot-word').show();
	$('.word-list').hide();
	$('from input').css('border-color','#ddd');
})
//nav 下拉菜单
$('.list').hover(function(){
	
},function(){
	$('.topnav-list').stop().animate({height:'0'},400)
	$('.topnav-list ul').removeClass('xianshi');
    $('.topnav-list ul').stop().animate({height:0},400,function(){
         $('.topnav-list ul').css('height','230px')
    })
})
$('.xiala').hover(function(){ 
	$('.topnav-list ul').eq($(this).index()-1).show().siblings().hide()
	$('.topnav-list').stop().animate({height:'230px'},400);
})

//左拉菜单
$('.home-list').hover(function(){
	
},function(){
	$('.list-in').removeClass('list-show')
})
$('.xuan li').hover(function(){
	$('.list-in').eq($(this).index()).addClass('list-show').siblings().removeClass('list-show')
},function(){

})
//轮播图
   var timer = null;
    var num = 0;
    timer = setInterval(show,6000);
    // 自动轮播
    function show(){
        num ++;
        if(num>$('.img').length-1){
            num =0;
        }
        // 给元素添加类名,同时移除其他兄弟元素的类名
        $('.img').eq(num).addClass('current').siblings().removeClass('current')
        $('.icon li').eq(num).addClass('on').siblings().removeClass('on')
    }
    // 手动档
    $('.icon li').hover(function(){
         // 给当前的元素添加类名
          $(this).addClass('on').siblings().removeClass('on');
          $('.img').eq($(this).index()).addClass('current').siblings().removeClass('current')
    },function(){

        // 记录当前的索引值
        num = $(this).index();
    })
    // 点击按钮换图片 向前
    $('.btn-left').click(function(){
        num --;
        if(num<0){
            num = $('.img').length-1
        }
        $('.img').eq(num).addClass('current')
        .siblings().removeClass('current');
        $('.icon li').eq(num).addClass('on')
        .siblings().removeClass('on'); 
    })
   
    // 向后
    $('.btn-right').click(function(){
        num ++;
        if(num >$('.img').length-1){
            num = 0
        }
        $('.img').eq(num).addClass('current')
        .siblings().removeClass('current');
        $('.icon li').eq(num).addClass('on')
        .siblings().removeClass('on');
    })
    // 定时器的清除和添加
    $('.home').hover(function(){
        clearInterval(timer);
    },function(){

    })

// 小米明星单品
    // 上翻
    $('.last').click(function(){
        $('.star-down').stop().animate({
            left: 0
        },500)
    })
    // 下翻
    $('.next').click(function(){
        $('.star-down').stop().animate({
            left: -1226
        },500)
    })
//内容
     var index = 0;
     var num = $('.same-ul .other-flex').length-1
    //  下一个
    function nextImg(){
        index = index==2 ? 0 : index+1;
        show()
    }
    // 上一个
    function lastImg(){
        index = index==0 ? 2 : index-1;
        show()
    }
    // 上翻
    $('.other-left').click(function(){
    	lastImg();
    	var now = $(this).parent()
    	var log = $(this).siblings('.other-scroll')
        now.children('.gai').stop().animate({
        	left: -$('.other-flex').width()*index
        },500)
        log.children('li').eq(index).addClass('pager').siblings().removeClass('pager')
    })
    // 下翻
    $('.other-right').click(function(){
        nextImg();
        var now = $(this).parent()
        var log = $(this).siblings('.other-scroll')
       now.children('.gai').stop().animate({
        	left: -$('.other-flex').width()*index
        },500)
        log.children('li').eq(index).addClass('pager').siblings().removeClass('pager')
    })

// 评价
$('li').hover(function(){
	$(this).children('.pingjia').stop().animate({
		bottom:0
	},300)
},function(){
	$(this).children('.pingjia').stop().animate({
		bottom:-76
	},300)
})
// 三个相同的
$('.same-scroll li').hover(function(){
	$(this).addClass('show').siblings().removeClass('show')
	var child = $(this).parents('.same-top').siblings('.same-main').children('.same-right')
//	console.log(child.children('ul').eq($(this).index()))
	child.children('ul').eq($(this).index()).removeClass('lastshow').siblings().addClass('lastshow')
},function(){
	
})
//浮动一下
$('.img-float').hover(function(){
	$(this).children('img').stop().animate({
		'top':'-5px',
	},500)		
	$(this).children('img').css('box-shadow', '0 5px 5px #aaa')
},function(){
	$(this).children('img').stop().animate({
		'top':'0px',
	},500)
	$(this).children('img').css('box-shadow', 'none')
})

$('.float').hover(function(){
	$(this).css('box-shadow', '0 5px 5px #aaa')
	$(this).stop().animate({
		'top':'-5px',
	},500)
},function(){
	$(this).stop().animate({
		'top':'0px',
	},500)
	$(this).css('box-shadow', 'none')
})
